<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品与服务</title>
</head>

<body>
    <div class="top">
        <img class="im1" src="img/图层 2.png" alt="">
        <img class="im2" src="img/科技.png" alt="">
        <ul>
            <li><a href="home.html">首页</a></li>
            <li><b>产品与服务</b></li>
            <li><a href="about.html">关于我们</a></li>
        </ul>
    </div>
    <div class="banner">
        <div class="kj">新零售业务</div>
        <div class="yw">个性化研发服务，运营方案定制</div>
    </div>
    <div class="content">
        <h4>新零售软件研发服务</h4>
        <ul class="clear">
            <li><img src="img/日用百货.png" alt="">
                <div>日用百货</div>
            </li>
            <li><img src="img/服装用品.png" alt="">
                <div>服装用品</div>
            </li>
            <li class="s1"><img src="img/家居用品.png" alt="">
                <div>家居用品</div>
            </li>

        </ul>
        <ul class="clear">
            <li><img src="img/电子设备.png" alt="">
                <div>电子设备</div>
            </li>
            <li><img src="img/母婴用品.png" alt="">
                <div>母婴用品</div>
            </li>
            <li class="s1"><img src="img/图书文具.png" alt="">
                <div>图书文具</div>
            </li>
        </ul>
        <p>
            公司目前在新零售行业已与多家不同类型企业开展新零售业务合作，帮助其打造服务于新零售的软件产品。针对不同企业的需求，帮助其打造个性化的管理软件，搭建智慧门店，解决存有的数据信息和情景缺陷问题。
        </p>
        <h4>新零售软件研发服务</h4>
        <div class="tu">
            <img src="img/蒙版组 13.png" alt="">
            <img class="im31" src="img/图像 31.png" alt="">
        </div>
        <p class="p3">
            针对新零售行业，依托新零售大数据平台，使得零售商获得大量用户的精准数据，驱动“人”、“货”、“场”三者关系的重构，助力零售形态的转型；
        </p>
        <p class="p3">
            针对新零售企业，利用大数据平台的优势，与企业开展开放式合作，围绕企业开展的零售业务提供全方位的数据化服务；
        </p>
        <h4 class="hh">新零售软件研发服务</h4>
        <ul class="kel clear">
            <li><img src="img/客流分析.png" alt="">
                <div>客流分析</div>
            </li>
            <li><img src="img/客流分析-1.png" alt="">
                <div>客群分析</div>
            </li>
            <li><img src="img/交易洞察.png" alt="">
                <div>交易洞察</div>
            </li>
            <li><img src="img/营销效果.png" alt="">
                <div>营销效果</div>
            </li>
            <li><img src="img/服务管理.png" alt="">
                <div>服务管理</div>
            </li>
            <li class="s1"><img src="img/数据仓库.png" alt="">
                <div>数据仓库</div>
            </li>
        </ul>
        <p>
            给券助手是一款面向家居行业的新零售产品，产品与线下家居门店对接，统筹管理线下门店的库存、消费券、客户等信息，结合人脸识别技术，对门店内的商品信息、用户信息、用户浏览记录等信息进行精确的捕捉和记录。
        </p>

    </div>
    <ul class="men">
        <li>
            <img src="img/老板.png" alt=""><span>门店老板：实时了解门店情况、定期了解门店运营情况</span>
        </li>
        <li>
            <img src="img/管理者.png" alt=""><span>门店管理者：对门店内的记录进行查询和管理，精准的定位每一个消费者，为营销提供能力</span>
        </li>
        <li>
            <img src="img/消费者.png" alt=""><span>消费者：查看店内商品信息、优惠卷信息，更方便地获取理想商品</span>
        </li>
    </ul>
    <div class="bot">
        <img class="botm1" src="img/资源 2.png" alt="">
        <img class="botm2" src="img/卓力品胜科技.png" alt="">
        <div class="gywm">
            <ul>
                <li class="li1">关于我们</li>
                <li> <a href="">公司团队</a> </li>
                <li> <a href="">发展历程</a> </li>
                <li> <a href="">公司资质</a> </li>
            </ul>
            <ul>
                <li class="li1">业务范畴</li>
                <li>行业解决方案</li>
                <li>行业大数据平台</li>
                <li>给券助手平台</li>
            </ul>
            <ul>
                <li class="li1">联系我们</li>
                <li>邮箱：135413543@asd.com</li>

            </ul>
        </div>
    </div>
    <div class="footer">
        <p class="p1">卓力品胜科技企业信息化 Copyright@2017-2019 YOYOHR.COM AII Right Reserved</p>
        <p class="p2">ICP许可证：鄂B2-20190497</p>
    </div>
</body>

</html>

<style>
    * {
        padding: 0;
        margin: 0;
    }

    .clear:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }

    ul {
        list-style-type: none;
    }

    .top {
        width: 100%;
        height: 66px;
    }

    .top ul {
        float: right;
        padding: 21px 26px 21px 0;

    }

    .top ul li {
        float: left;
        margin-right: 44px;
        color: #111111;
        font-size: 18px;
    }

    .top ul li a {
        text-decoration: none;
        font-size: 16px;
        color: #41454D;
        font-family: Microsoft YaHei;
    }

    .im1 {
        padding: 12px 16px 12px 70px;
    }

    .im2 {
        padding: 23px 0 23px 0;

    }

    .banner {
        background-image: url(img/图像\ 44.png);
        background-size: cover;
        width: 100%;
        height: 486px;
        margin-bottom: 50px;
    }

    .banner .kj {
        width: 150px;
        height: 37px;
        font-size: 28px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 37px;
        color: #FFFFFF;
        opacity: 1;
        padding: 154px 0 10px 0;
        margin: 0 auto;
    }

    .banner .yw {
        width: 280px;
        height: 26px;
        font-size: 20px;
        font-family: Microsoft YaHei;
        line-height: 26px;
        color: #FFFFFF;
        opacity: 1;
        margin: 0 auto;
    }

    .content h4 {
        text-align: center;
        padding-bottom: 30px;
        width: 810px;
        margin: 0 auto;
        font-size: 20px;
        color: #080F1A;
    }

    .content ul {
        width: 490px;
        margin: 0 auto;

    }

    .content ul li {
        margin-right: 149px;
        float: left;
    }

    .content ul .s1 {

        margin-right: 0;
    }

    .content ul li img {
        margin-bottom: 12px;
    }

    .content ul li div {
        margin-bottom: 30px;
    }

    .content p {
        padding-top: 20px;
        width: 804px;
        color: #080F1A;
        font-size: 14px;
        margin: 0 auto;
        line-height: 24px;
        padding-bottom: 50px;
    }

    .tu {
        width: 820px;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .tu img {
        width: 398px;
        height: 213px;
    }

    .im31 {
        width: 398px;
        height: 213px;
        border-radius: 16px;
        margin-left: 10px;
    }

    .content .p3 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .hh {
        margin-top: 55px !important;
        margin-bottom: 50px;
    }

    .content .kel {
        width: 750px;
        margin: 0 auto;
        padding-left: 66px;
    }

    .content .kel li {
        float: left;
        margin-right: 57px;
        width: 64px;
    }

    .content .kel li img {
        margin-bottom: 10px;
    }

    .content .kel li div {
        font-size: 16px;
        line-height: 21px;
        color: #080F1A;
    }

    .men {
        width: 808px;
        margin: 0 auto;

    }

    .men li {
        width: 808px;

    }

    .men li img {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        position: relative;
        top: 15px;

    }

    .men li span {
        color: #080F1A;
        font-size: 14px;
        line-height: 40px;
        font-weight: bold;
    }

    .bot {
        width: 100%;
        height: 269px;
        background: #002134;
        opacity: 1;
        margin-top: 55px;
    }

    .bot .botm1 {
        width: 33px;
        height: 42px;
        margin: 54px 16px 173px 115px;
        float: left;
    }

    .bot .botm2 {
        width: 132px;
        height: 31px;
        margin: 60px 170px 178px 0;
        float: left;
    }

    .bot .gywm ul {
        float: left;
    }

    .bot .gywm ul .li1 {
        font-size: 18px;
        font-weight: bold;
        margin: 60px 148px 20px 0;
        color: #FFFFFF;
    }

    .bot .gywm li a {
        text-decoration: none;
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #8B8F99;
    }

    .bot .gywm li {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #8B8F99;
        line-height: 19px;
        margin-bottom: 18px;
    }

    .footer {
        color: #8B8F99;
        font-size: 14px;
        width: 100%;
        height: 138px;
        background: #002134;
        opacity: 1;
        border-top: 1px solid #8B8F99;
    }

    .footer .p1 {
        width: 544px;
        line-height: 19px;
        padding-top: 38px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .footer .p2 {

        width: 181px;
        margin: 0 auto;
    }
</style>